<layout name="layout" />
<link rel="stylesheet" href="__COMMON__/js/picLarge/css/style.css" />
<script type="text/javascript">
    $(function(){
        $(".pic_thumb > li > a").live('hover', function(){
            $(this).find("img").hover(function(){
                if($(this).attr('b-data-src') == 0){
                    $(this).addClass("hover");
                    $(this).attr('src', $(this).attr('s-data-src'));
                }else {
                    $(this).addClass("b_hover");
                    $(this).attr('src', $(this).attr('b-data-src'));
                }
            },function(){
                if($(this).attr('b-data-src') == 0){
                    $(this).removeClass("hover");
                    $(this).attr('src', $(this).attr('s-data-src'));
                }else{
                    $(this).removeClass("b_hover");
                    $(this).attr('src', $(this).attr('s-data-src'));
                    
                }            
            });
        });
        loadMore();
    });
    
    $(window).scroll(function(){
        // 当滚动到最底部以上100像素时， 加载新内容
        if ($(document).height() - $(this).scrollTop() - $(this).height()<100) loadMore();
    });
    
    var Npage = 6;
    function loadMore()
    {
        $.ajax({
            url : '/home/index/ajax.html',
            dataType : 'json',
            data:{page: ++Npage},
            success : function(json)
            {
                if(typeof json == 'object')
                {
                    var oProduct, $row, iHeight, iTempHeight;
                    for(var i=0, l=json.length; i<l; i++)
                    {
                        oProduct = json[i];
                        
                        // 找出当前高度最小的列, 新内容添加到该列
                        iHeight = -1;
                        $('#container li').each(function(){
                            iTempHeight = Number( $(this).height() );
                            if(iHeight==-1 || iHeight>iTempHeight)
                            {
                                iHeight = iTempHeight;
                            }
                        });
                        
                        
                        $item = $('<li> <a target="_blank"  href="'+oProduct.url+'"><img s-data-src="'+oProduct.s_img+'" b-data-src="'+oProduct.b_img+'" src="'+oProduct.s_img+'" class="on"></a></li>').hide();
                        
                        $("#container").append($item);
                        $item.fadeIn();
                    }
                }
            }
        });
    }
</script>
<!---->
<div class="index_notice">
    <a href="{:U('User/Gezi/fabu')}" title="免费发布" class="but"></a>
    <div class="notice">
        <ul>
            <li><a href="#">所有： <i>{$count.geziCount|number_format}</i> 个 格子 <i>{$count.catadCount|number_format}</i> 个 分类广告 <i>{$count.serviceCount|number_format}</i> 条 服务信息 <i>{$count.dazheCount|number_format}</i> 条 打折信息</a></li>
        </ul>
    </div>
</div>
<!---->
<div class="clear"></div>
<div class="zxx_test">
    <ul class="pic_thumb" id="container">
        <volist name="list" id="vo">
            <li>
                <if condition="$vo['article_id'] != 0"><a href="{:U('Home/Page/show', array('pid'=>$vo['article_id']))}"<elseif condition="$vo['link_id']"/><a href="{:U('Home/Link/jump', array('id'=>$vo['link_id']))}"<else/><a onclick="showmsg('这个格子，未发布连接地址或者次级页面')" </if>" title="{$vo.title}">
                    <img class="on" s-data-src="{$vo.s_img}" b-data-src="<if condition="$vo.b_img && $vo.img_zoom == 'true'">{$Config.siteurl}{$vo.b_img}<else />0</if>" src="{$Config.siteurl}{$vo.s_img}" />
                </a>
            </li>
        </volist>
    </ul>
</div>




